<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{ font-size:12px;}
.detail_list{ width:650px;}
.detail_list .list_title{ font-size:18px; color:#06F;;}
.detail_list>ul{list-style:none;margin:0px; padding:0px;}
.detail_list>ul>li{ margin:2px 0 2px 0; padding:5px 0 5px 0;}
.detail_list .item{border-bottom:1px dotted;}
.detail_list .item .user{ position:absolute;width:40px; font-size:22px; background:#FCF; text-align:center;}
.detail_list .item .user>font{ font-size:12px; }
.detail_list .item .vendor{ position:absolute;margin-left:45px;width:40px; font-size:22px; background:#CCF;text-align:center;}
.detail_list .item .vendor>font{ font-size:12px; }
.detail_list .item .detail{ margin-left:90px;}
.detail_list .item .detail .title{ font-size:20px; color:#06C; font-weight:bold;}
.detail_list .item .detail .title a{ font-size:20px; color:#06C; font-weight:bold; text-decoration:none;}
.detail_list .item .detail .info { color:#999;}
.detail_list .item .detail .info .right{ float:right;}
</style>
</head>

<body>
<div class="detail_list">
	<span class="list_title">TITLE </span>
    <ul>
    	<li class="item">
        	<div class="user">12<br /><font>Users</font></div>
        	<div class="vendor">5<br/><font>Vendors</font></div>
            <div class="detail">
            	<div class="title"><a href="#">PHP: using => operator without an array </a></div>
                <div class="info"> type1 > type2 >type3 <span class="right">2009-11-20 Eric</span></div>
            </div>
        </li>
        <li class="item">
        	<div class="user">12<br /><font>Users</font></div>
        	<div class="vendor">5<br/><font>Vendors</font></div>
            <div class="detail">
            	<div class="title"><a href="#">PHP: using => operator without an array </a></div>
                <div class="info"> type1 > type2 >type3 <span class="right">2009-11-20 Eric</span></div>
            </div>
        </li>
        <li class="item">
        	<div class="user">12<br /><font>Users</font></div>
        	<div class="vendor">5<br/><font>Vendors</font></div>
            <div class="detail">
            	<div class="title"><a href="#">PHP: using => operator without an array </a></div>
                <div class="info"> type1 > type2 >type3 <span class="right">2009-11-20 Eric</span></div>
            </div>
        </li>
        <li class="item">
        	<div class="user">12<br /><font>Users</font></div>
        	<div class="vendor">5<br/><font>Vendors</font></div>
            <div class="detail">
            	<div class="title"><a href="#">PHP: using => operator without an array </a></div>
                <div class="info"> type1 > type2 >type3 <span class="right">2009-11-20 Eric</span></div>
            </div>
        </li>
    </ul>
</div>
</body>
</html>
